<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="TeamDesk.ru - это простой и удоный Help Desk для поддержки клиентов онлайн. Лучший Helpdesk для небольших команд.">
        <title><?=$title ?></title>
        
        <link rel="icon" type="image/png" href="/favicon.png" />
        <link rel="apple-touch-icon" href="/apple-touch-favicon.png"/>

        <!-- Bootstrap core CSS -->
        <link href="/media/css/index/bootstrap.min.css" rel="stylesheet">
        <!-- Plugins -->
        <link href="/media/css/index/social-icons.css" rel="stylesheet">
        <link href="/media/css/index/icomoon.css" rel="stylesheet">
        <!-- Custom styles for this template -->
        <link href="/media/css/index/style.css" rel="stylesheet">
        <!-- Web Fonts -->
        <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
        <script src="/media/js/index/modernizr.custom.js"></script>
    </head>

    <body data-spy="scroll" data-offset="0" data-target="#navigation">

        <!-- Fixed navbar -->
        <nav id="navigation" class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="/"><span class="icon-stack"></span> <b>TEAMDESK</b></a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="navbar-collapse collapse" id="bs-navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="/#home" class="smoothScroll">Главная</a></li>
                        <li><a href="/#features" class="smoothScroll">Возможности</a></li>
                        <li><a href="/#pricing" class="smoothScroll">Цены</a></li>
                        <li><a href="/blog/" class="smoothScroll">Блог</a></li>
                    </ul>

                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown"><a href="/login"><span class="icon-lock"></span> Вход</a></li>
                        <div class="navbar-form pull-left">
                            <a href="/register" class="btn btn-sm btn-theme">Регистрация</a>
                        </div>
                    </ul>
                    <?php /*<!-- Sign In / Sign Up -->
                    <ul class="nav navbar-nav navbar-right">
                        <!-- <li class="dropdown"><a href="#signin" data-toggle="modal" data-target=".bs-modal-sm"><span class="icon-lock"></span> Вход</a></li> -->
                        <div class="navbar-form pull-left">
                            <form action="/" method="post" class="form-inline">
                                <input id="email" name="email" class="form-control input-large" type="text" placeholder="Введите Email" required="">
                                <button class="btn btn-theme">РЕГИСТРАЦИЯ</button>
                            </form>
                            
                        </div>
                    </ul> */ ?>
                </div><!--/nav-collapse -->
            </div><!-- /container -->
        </nav><!-- /fixed-navbar -->


 <?=$content ?>


        <!-- Footer Wrap -->
        <section id="contact">
            <div class="footerwrap">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-4">
                            <h3>Контакты</h3>
                            <br>
                            <p>
                                <span class="icon-envelope"></span> <a href="mailto:support@teamdesk.com">support@teamdesk.com</a>
                            </p>
                            <div id="social">
                                <a href="#" rel="tooltip" title="Facebook" class="facebook">Facebook</a>
                                <a href="#" rel="tooltip" title="Twitter" class="twitter">Twitter</a>
                                <a href="#" rel="tooltip" title="RSS" class="rss">RSS</a>
                                <!--
                                <a href="#" rel="tooltip" title="Github" class="github">Github</a>
                                <a href="#" rel="tooltip" title="LinkedIn" class="linkedin">LinkedIn</a>
                                <a href="#" rel="tooltip" title="Pintrest" class="pintrest">Pintrest</a>
                                <a href="#" rel="tooltip" title="Vimeo" class="vimeo">Vimeo</a>
                                <a href="#" rel="tooltip" title="YouTube" class="youtube">YouTube</a>
                                -->
                            </div>
                        </div>

                        <div class="col-xs-4">
                            <h3>TeamDesk.ru</h3>
                            <br/>
                            <p>
                            <a href="/#home" class="smoothScroll">Главная</a><br/>
                            <a href="/#features" class="smoothScroll">Возможности</a><br/>
                            <a href="/#pricing" class="smoothScroll">Цены</a><br/>
                            <a href="/blog/" class="smoothScroll">Блог</a>
                            </p>
                        </div>

                        <div class="col-md-4">
                            <h3>Подписка на блог</h3>
                            <br>
                            <p>Следите за нашим прогрессом на пути к 1 000 000 руб.</p>
                            <form action="/blogsubscribe" method="post" target="_blank" class="form-inline">
                                <input type="text" name="email" class="form-control" placeholder="Ваш email" required="">
                                <button class="btn btn-theme">Подписаться</button>
                            </form>
                        </div>

                        <!--
                        <div class="col-lg-4">
                            <h3>Новости</h3>
                            <br>
                            <p>Подпишитесь на нашу рассылку и будьте в курсе наших обновлений.</p>
                            <div class="form-inline">
                                <input type="text" class="form-control" placeholder="Ваш email">
                                <button class="btn btn-theme" type="button">Подписаться</button>
                            </div>
                        </div>
                        -->
                    </div><!-- /row -->
                </div><!-- /container -->
            </div><!-- /footerwrap -->
        </section>


        <!-- Copyright Wrap -->
        <div class="copywrap">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                        <p>&copy;2015 TeamDesk.ru</p>
                    </div>
                    <div class="col-lg-4">
                        <p><a href="/terms">Пользовательское соглашение</a> <!-- | <a href="#">Privacy</a> | <a href="#">Legal</a></p> -->
                    </div>
                </div><!-- /row -->
            </div><!-- /container -->
        </div><!-- /copywrap (copyright) -->



        <!-- Yandex.Metrika counter -->
        <script type="text/javascript">
        (function (d, w, c) {
            (w[c] = w[c] || []).push(function() {
                try {
                    w.yaCounter26960805 = new Ya.Metrika({id:26960805,
                            webvisor:true,
                            clickmap:true,
                            trackLinks:true,
                            accurateTrackBounce:true});
                } catch(e) { }
            });

            var n = d.getElementsByTagName("script")[0],
                s = d.createElement("script"),
                f = function () { n.parentNode.insertBefore(s, n); };
            s.type = "text/javascript";
            s.async = true;
            s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";

            if (w.opera == "[object Opera]") {
                d.addEventListener("DOMContentLoaded", f, false);
            } else { f(); }
        })(document, window, "yandex_metrika_callbacks");
        </script>
        <noscript><div><img src="//mc.yandex.ru/watch/26960805" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
        <!-- /Yandex.Metrika counter -->

        <script>
          (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
          })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

          ga('create', 'UA-56465147-1', 'auto');
          ga('send', 'pageview');

        </script>



        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="/media/js/index/jquery.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="/media/js/index/bootstrap.min.js"></script>
        <script src="/media/js/index/jquery.easing.1.3.js"></script>
        <script src="/media/js/index/detectmobilebrowser.js"></script>
        <script src="/media/js/index/smoothscroll.js"></script>
        <script src="/media/js/index/waypoints.js"></script> 
        <script src="/media/js/admin/jquery.validate.min.js"></script> 
        <script src="/media/js/index/main.js"></script>
        <script>
            $('.carousel').carousel({
                interval: 5500,
                pause: "none"
            })
        </script>

    </body>
</html>